<template>
	<div class="order-detail mt16">
		<div class="detail-wrap">
			<p>配送方式</p>
			<span>全国包邮</span>
		</div>
		<div class="detail-wrap">
			<p>付款方式</p>
			<span>在线支付</span>
		</div>
		<div class="detail-wrap">
			<p>发票信息</p>
			<span>无需发票</span>
		</div>
	</div>
		
</template>

<script type="text/javascript">
import Vue from 'vue';

export default {
	  methods: {
	  	
	  }
}
	

</script>


<style lang="scss">
	@import "../../assets/css/_functions.scss";	
	@import "../../assets/css/_variables.scss";	
	.order-detail{
		width: rem(375);
		height: auto;
		overflow: hidden;
		background: #fff;
		.detail-wrap{
			display: flex;
			justify-content:space-between ;
			width: rem(360);
			height: rem(44);
			line-height: rem(44);
			margin-left: rem(15);
			padding-right: rem(15);
			border-bottom: rem(1) solid #dedede;
			font-size:rem(14);
			color:#999999;
			span{
				color:#333333;
			}

			&:last-child{
				border-bottom:none;
			}
		}
	}
	
</style>